<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>阴影练习</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/font-awesome.min.css">
</head>
<body>
    <div id="w">
        <div class="h">   
            <div class="ul">
                <ul>
                    <li><a href="#">首页</a></li>
                    <li><a href="#">案例展示</a></li>
                    <li><a href="#">最新文章</a></li>
                    <li><a href="#">帮店助手</a></li>
                    <li><a href="#">设计导航</a></li>
                    <li><span class="spanq"><i class="fa fa-user" aria-hidden="true"></i></span><a href="#">关注我们</a></li>
                </ul>
            </div>
        </div>
        <div class="c">
            <div id="a">
            <div class="b">
                <p class="cc">Case Presentation</p>
                <p class="d"><strong>案例展示</strong></p>
                <p class="e">优质的服务，对客户的负责是我们永恒的宗旨</p>
            </div>
                <div class="r">
                <ul>
                    <li class="t">您当前所在的位置是：</li>
                    <li><a href="#">首页></a></li>
                    <li><a href="#">案例展示</a></li>
                </ul>
                </div>
                <div class="o">
                    <img src="images/1.jpg">
                    <img src="images/2.jpg">
                    <img src="images/3.jpg">
                    <img src="images/4.jpg">
                    <img src="images/5.jpg">
                    <img src="images/6.png">
                    <img src="images/7.jpg">
                    <img src="images/8.jpg">
                </div>
                <div class="u">
                    <ul>
                        <li><a href="#"> << </a></li>
                        <li><a href="#"><</a></li>
                        <li><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">></a></li>
                        <li><a href="#">>></a></li>
                    </ul>
                </div>
            </div>
        </div>
    <div id="f">
        <div class="g">
        <div class="v"> </div>
         <div class="left">
             <p class="j"><span class="k"><i class="fa fa-phone" aria-hidden="true"></span></i>13065018050(业务咨询)</p><br>
             <p class="j"><span class="k"><i class="fa fa-qq" aria-hidden="true"></i></span>513894357</p><br>
             <p class="l">Connect With Us</p>
         </div>       
       <div class="ii">
           <span class="kk"><strong>网站地图</strong></span>
           <ul>
               <li><a href="#">首页</a><span class="kkk">|</span><a href="#">Home</a></li>
               <li><a href="#">论坛</a><span class="kkk">|</span><a href="#">Forum</a></li>
               <li><a href="#">案例展示</a><span class="kkk">|</span><a href="#">Case Presentation</a></li>
               <li><a href="#">帮店助手</a><span class="kkk">|</span><a href="#">Assistant</a></li>
               <li><a href="#">快课教育</a><span class="kkk">|</span><a href="#">Education</a></li>
           </ul>
       </div>
       <div class="right">
        <span class="kk"><strong>关注我们</strong></span><br>
        <span class="kkkk">微信公众号</span><span class="kkkkk">站酷主页</span>
       </div>
       <div class="clear"></div>
        </div>
    </div>
    <div class="ll">
        <p class="jj">Copyright ? 2010 - 2018 qingnian8.com All Rights Reserved</p>
    </div>
    </div>
</body>
</html>